<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>信用查询</title>
    <link th:href="@{/favicon.ico}" rel="shortcut icon"/>
    <link href="/static/styles/style.css" th:href="@{/styles/style.css}" rel="stylesheet">
</head>
<body>
<div id="app">
    <div class="container" id="query">
        <div class="banner">
            <div class="title">
                <img src="/static/images/title.png" th:src="@{/images/title.png}" alt="logo" />
            </div>
            <div class="sub-title">
                <span>守信激励</span>
                <span>信用惠民</span>
            </div>
        </div>
        <div class="form-wrap">
            <div class="form-item">
                <label>姓名：</label>
                <div class="control">
                    <input type="text" id="userName" maxlength="10" placeholder="请输入姓名"/>
                </div>
            </div>
            <div class="form-item">
                <label>手机号码：</label>
                <div class="control">
                    <input type="text" id="phone" maxlength="11" placeholder="请输入手机号码"/>
                </div>
            </div>
            <div class="form-item">
                <label>身份证号码：</label>
                <div class="control">
                    <input type="text" id="idCard" maxlength="18" placeholder="请输入身份证号码"/>
                </div>
            </div>
            <div class="action-item">
                <button class="btn" type="button" id="queryBtn">查询信用等级</button>
            </div>
        </div>
    </div>
    <div class="container flex flex-col h-100vh" id="result">
        <div class="header">
            <a class="btn-back" id="closeBtn">
                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24">
                    <path fill="currentColor" d="M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z"/>
                </svg>
            </a>
        </div>
        <div class="banner">
            <div class="title">
                <img src="/static/images/title.png" th:src="@{/images/title.png}" alt="logo" />
            </div>
            <div class="sub-title">
                <span>守信激励</span>
                <span>信用惠民</span>
            </div>
        </div>
        <div class="result-wrap">
            <div class="result-con">
                <h2>您的信用评级为：</h2>
                <div class="result" id="creditRating">A</div>
            </div>
        </div>
    </div>
    <div class="copyright">
        主办单位：领导办公室
    </div>
</div>
</body>
<script src="/static/js/jquery-3.7.1.min.js" th:src="@{/js/jquery-3.7.1.min.js}"></script>
<script src="/static/layer/mobile/layer.js" th:src="@{/layer/mobile/layer.js}"></script>
<script src="/static/js/main.js" th:src="@{/js/main.js}"></script>
</html>
